/**
 * @description 个人中心
 */
const breadDefaultData = {
  version: '001',
  base: {

  },
  blockKeys: ["centerform", "centertab", "info", "header", "friendtab"],
  templateKeys: [],
  css: "/* 个人中心样式文件 */",

  page: {
    classname: ".commonwrapper",
    default: {
      position: "relative",
      width: "1400px",
      margin: "0 auto",
      padding: "0"
    }
  },
  header: {
    commonwrapper_box: {
      classname: ".commonwrapper .header",
      default: {
        width: "100%",
        height: "50px",
        margin: "20px 0",
        padding: "0",
        background: "none",
        display: "flex",
        justifyContent: "center",
        alignItems: "center",
        borderWidth: "1px 0",
        borderStyle: "solid",
        borderColor: "#1A3194"
      }
    },
    commonwrapper_title: {
      classname: ".commonwrapper .header .text",
      default: {
        fontSize: "24px",
        color: "#1A3194",
        fontWeight: "600"
      }
    },
  },
  info: {
    base: {
      colonText: ":",
    },
    box: {
      classname: ".center-info",
      default: {
        width: "440px",
        padding: "40px 25px",
        margin: "0 0 20px 0",
        boxShadow: "0px 4px 5px 0px rgba(0,0,0,0.3)",
        display: "inline-flex",
        flexDirection: "column",
        alignItems: "center",
        gap: "20px"
      }
    },
    title: {
      classname: ".center-info .title",
      default: {
        display: "none"
      }
    },
    avatar: {
      classname: ".center-info .avatar",
      default: {
        width: '100px',
        height: '100px'
      }
    },
    avatar_img: {
      classname: ".center-info .avatar .img",
      default: {
        width: '100%',
        height: '100%',
        objectFit: "cover",
        borderRadius: "50%"
      }
    },
    name: {
      classname: ".center-info .name",
      default: {
        padding: "0",
        margin: "0",
      }
    },
    name_label: {
      classname: ".center-info .name .label",
      default: {
        color: "#000",
        fontSize: "14px",
        margin: "0 10px 0 0"
      }
    },
    name_text: {
      classname: ".center-info .name .text",
      default: {
        color: "#000",
        fontSize: "18px",
        fontWeight: "600"
      }
    },
    money: {
      classname: ".center-info .money",
      default: {
        padding: "0",
        margin: "0",
      }
    },
    money_label: {
      classname: ".center-info .money .label",
      default: {
        color: "#000",
        fontSize: "14px",
        margin: "0 10px 0 0"
      }
    },
    money_text: {
      classname: ".center-info .money .text",
      default: {
        color: "red",
        fontSize: "18px",
        fontWeight: "600"
      }
    },
    others: {
      classname: ".center-info .others",
      default: {
        width: "100%",
        padding: "20px",
        margin: "0",
        background: "#F5F6FA",
        borderRadius: "10px"
      }
    },
    others_label: {
      classname: ".center-info .others .label",
      default: {
        color: "#000",
        fontSize: "14px",
        margin: "0 10px 0 0"
      }
    },
    others_text: {
      classname: ".center-info .others .text",
      default: {
        color: "#000",
        fontSize: "14px"
      }
    },
  },
  centertab: {
    centertab_box: {
      classname: ".centertab",
      default: {
        display: "inline-block",
        padding: "0 0 0 40px",
        width: "calc(100% - 440px)",
        "vertical-align": "top"
      }
    },
    centertab_content: {
      classname: '.centertab .ant-tabs-content-holder',
      default: {
        width: "auto",
        height: "auto",
        margin: "0",
        padding: "0",
        flex: "auto",
      }
    },
    centertab_bar: {
      classname: '.centertab >.ant-tabs-nav',
      default: {
        width: "100%",
        height: "auto",
        margin: "0 0 16px 0",
        padding: "0",
        position: "relative",
        display: "flex",
        flex: "none",
        alignItems: "center",
      }
    },
    centertab_bar_list: {
      classname: '.centertab >.ant-tabs-nav .ant-tabs-nav-list',
      default: {
        position: "relative",
        flex: "auto",
        background: "none",
        padding: "0",
        display: "flex",
        transition: " opacity 0.3s",
        gap: "32px"
      }
    },
    centertab_bar_item: {
      classname: '.centertab.ant-tabs .ant-tabs-tab',
      default: {
        position: "relative",
        display: "inline-flex",
        alignItems: "center",
        padding: "12px 0",
        margin: "0",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "transparent",
        border: "none",
        outline: "none",
        cursor: "pointer",
      },
      hover: {
        color: "#4096ff",
      }
    },
    centertab_bar_item_active: {
      classname: '.centertab.ant-tabs .ant-tabs-tab.ant-tabs-tab-active',
      default: {
        color: "#1677ff",
      },
    },
  },
  form: {
    classname: ".centerform",
    "default": {
      "width": "100%",
      "height": "auto",
      "padding": "20px",
      "margin": "0",
    }
  },
  centerform: {
    base: {
      layout: "horizontal",
      labelFlag: true,
      colonFlag: true
    },
    centerform_item: {
      classname: ".centerform .ant-form-item",
      "default": {
        margin: "0 0 24px 0",
        "padding": "0",
        "width": "100%",
        "height": "auto",
      },
    },
    centerform_label: {
      classname: ".centerform .ant-form-item .ant-form-item-label >label",
      "default": {
        "width": "84px",
        "height": "32px",
        "color": "rgba(0, 0, 0, 0.88)",
        "fontSize": "14px",
        "display": "inline-flex",
        "alignItems": "center",
        "justifyContent": "flex-end"
      },
    },
    centerform_input: {
      classname: ".centerform .ant-input-affix-wrapper",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "background": "#fff",
      },
      "placeholderColor": "#123",
      "placeholderFontSize": "14px",
      "focus": {
        "border": "1px solid #4096ff",
        boxShadow: "0 0 0 2px rgba(5, 145, 255, 0.1)",
      }
    },
    centerform_input_icon: {
      classname: ".centerform .ant-input-affix-wrapper .anticon",
      "default": {
        color: "rgba(0, 0, 0, 0.45)",
        cursor: "pointer",
        transition: "all 0.3s",
      },
      "hover": {
        color: "rgba(0, 0, 0, 0.88)"
      }
    },
    centerform_input_disable: {
      "classname": ".centerform .ant-form-item .ant-input-affix-wrapper.ant-input-disabled, .centerform .ant-form-item .ant-input-number.ant-input-number-disabled, .centerform.ant-form .ant-form-item .ant-select.ant-select-outlined.ant-select-disabled .ant-select-selector, .centerform .ant-form-item .ant-picker.ant-picker-disabled",
      "default": {
        "color": "rgba(0, 0, 0, 0.25)",
        "backgroundColor": "rgba(0, 0, 0, 0.04)",
        "borderColor": "#d9d9d9"
      }
    },
    centerform_input_placeholder: {
      classname: ".centerform .ant-form-item input::placeholder, .centerform .ant-form-item .ant-select-selection-placeholder",
      "default": {
        fontSize: "inherit",
        color: "rgba(0, 0, 0, 0.25)"
      },
    },
    centerform_input_error: {
      classname: ".centerform .ant-form-item .ant-input-outlined.ant-input-status-error",
      "default": {
        background: "#ffffff",
        borderWidth: "1px",
        borderStyle: "solid",
        borderColor: "#ff4d4f"
      },
    },
    centerform_number: {
      classname: ".centerform .ant-input-number",
      "default": {
        width: "90px",
        height: "auto",
        lineHeight: "1.5714285714285714",
        fontSize: "14px",
        color: "rgba(0, 0, 0, 0.88)",
        background: "#ffffff",
        borderWidth: "1px",
        borderStyle: "solid",
        borderColor: "#d9d9d9",
        borderRadius: "6px",
      },
      "focus": {
        borderColor: "#1677ff",
        boxShadow: "0 0 0 2px rgba(5, 145, 255, 0.1)",
        outline: "0",
        background: "#ffffff",
      }
    },
    centerform_number_icon_box: {
      classname: ".centerform .ant-input-number .ant-input-number-handler-wrap",
      "default": {
        width: "22px",
        height: "100%",
        background: "#ffffff",
        "border-start-end-radius": "6px",
        "border-end-end-radius": "6px",
      },
    },
    centerform_number_icon_up: {
      classname: ".centerform .ant-input-number .ant-input-number-handler-up",
      "default": {
        color: "rgba(0, 0, 0, 0.45)",
        "border-inline-start": "1px solid #d9d9d9",
        "border-start-end-radius": "6px",
      },
    },
    centerform_number_icon_down: {
      classname: ".centerform .ant-input-number .ant-input-number-handler-down",
      "default": {
        color: "rgba(0, 0, 0, 0.45)",
        "border-inline-start": "1px solid #d9d9d9",
        "border-block-start": "1px solid #d9d9d9",
        "border-end-end-radius": "6px",
      },
    },
    centerform_select: {
      "classname": ".centerform.ant-form .ant-form-item .ant-select.ant-select-outlined .ant-select-selector",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "background": "#fff"
      },
      focus: {
        "border-color": "#1677ff",
        "box-shadow": "0 0 0 2px rgba(5, 145, 255, 0.1)",
        "outline": "0"
      }
    },
    centerform_select_icon: {
      "classname": ".centerform .ant-select .ant-select-arrow",
      "default": {
        "position": "absolute",
        "top": "50%",
        "height": "12px",
        "margin": "-6px 0 0 0",
        "fontSize": "inherit",
        "color": "rgba(0, 0, 0, 0.25)"
      }
    },
    centerform_date: {
      "classname": ".centerform .ant-form-item .ant-picker",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "borderWidth": "1px",
        "borderStyle": "solid",
        "borderColor": "#d9d9d9",
        "padding": "4px 11px 4px",
        "borderRadius": "6px"
      },
      focus: {
        "border-color": "#1677ff",
        "box-shadow": "0 0 0 2px rgba(5, 145, 255, 0.1)",
        "background-color": "#ffffff",
      }
    },
    centerform_date_icon: {
      "classname": ".centerform .ant-picker .ant-picker-suffix, centerform .ant-picker .ant-picker-clear",
      "default": {
        "flex": "none",
        "margin": "0 0 0 4px",
        "fontSize": "inherit",
        "color": "rgba(0, 0, 0, 0.25)"
      }
    },
    centerform_face: {
      "classname": ".centerform .ant-form-item .face-btn",
      "default": {
        "color": "#1677ff",
        "fontSize": "14px",
        "lineHeight": "1.5714285714285714",
        "height": "24px",
        "padding": "0px 7px",
        "borderRadius": "0"
      },
      "hover": {
        "color": "#69b1ff",
        "background": "transparent"
      }
    },
    centerform_textarea: {
      "classname": ".centerform textarea.ant-input",
      "default": {
        "height": "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "maxWidth": "100%",
        "minHeight": "32px",
        "borderWidth": "1px",
        "borderStyle": "solid",
        "borderColor": "#d9d9d9"
      },
      "focus": {
        "border": "1px solid #4096ff",
        "boxShadow": "0 0 0 2px rgba(5, 145, 255, 0.1)",
        "background": "#ffffff"
      }
    },
    centerform_fileupload: {
      "classname": ".centerform .ant-form-item .ant-upload-wrapper .ant-upload.ant-upload-select",
      "default": {
        "fontSize": "14px",
        "color": "inherit",
        "backgroundColor": "rgba(0, 0, 0, 0.02)",
        "border": "1px dashed #d9d9d9",
        "borderRadius": "8px"
      },
      "hover": {
        "borderColor": "#1677ff"
      }
    },
    centerform_ql: {
      "classname": ".centerform .quill",
      "default": {
        "background": "none"
      }
    },
    centerform_ql_header: {
      "classname": ".centerform .ql-toolbar.ql-snow",
      "default": {
        "border": "1px solid #ccc",
        "background": "none"
      }
    },
    centerform_ql_container: {
      "classname": ".centerform .ql-container.ql-snow",
      "default": {
        "border": "1px solid #ccc"
      }
    },
    centerform_smsbtn: {
      classname: ".centerform .ant-form-item .email-btn",
      "default": {
        flex: "none",
        height: "32px",
        width: "auto",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        margin: "0px 0px 0px 10px",
        background: "#ffffff",
        borderColor: "#d9d9d9",
        boxShadow: "0 2px 0 rgba(0, 0, 0, 0.02)",
        borderRadius: "6px",
      },
      "hover": {
        color: "#4096ff",
        borderColor: "#4096ff",
        background: "#ffffff"
      }
    },
  },
  button_box: {
    "classname": ".centerform .btn-wrapper",
    "default": {
      display: "flex",
      justifyContent: "flex-start",
      alignItems: "center",
      gap: "20px"
    }
  },
  "button_submit": {
    "classname": ".centerform .btn-wrapper .submit",
    "default": {
      "width": "auto",
      "height": "32px",
      "fontSize": "14px",
      "color": "#fff",
      "background": "#1677ff",
      "margin": "0",
      "padding": "4px 15px",
      "lineHeight": "1.5714285714285714",
      "borderRadius": "6px",
      "border": "1px solid transparent",
      order: "1",
    },
    "hover": {
      "color": "#fff",
      "background": "#4096ff"
    }
  },
  "button_logout": {
    "classname": ".centerform .btn-wrapper .logout",
    "default": {
      "position": "relative",
      "fontSize": "14px",
      "color": "rgba(0, 0, 0, 0.88)",
      "background": "#ffffff",
      "height": "32px",
      "border": "1px solid #d9d9d9",
      "borderRadius": "6px",
      "boxShadow": "0 2px 0 rgba(0, 0, 0, 0.02)",
      order: "2",
    },
    "hover": {
      "color": "#4096ff",
      "border": "1px solid #4096ff",
      "background": "#ffffff"
    }
  },

  friendtab: {
    friendtab_box: {
      classname: ".friendlist",
      "default": {

        "width": "100%",
        "height": "auto",
        "padding": "0",
        margin: "0",
        display: "flex",
        flexWrap: "wrap",
        gap: "20px"
      },
    },
    friendtab_item: {
      classname: ".friendlist .item",
      "default": {
        "width": "calc(50% - 10px)",
        "height": "auto",
        padding: "15px",
        display: "flex",
        flexWrap: "wrap",
        alignItems: "center",
        gap: "10px",
        border: "1px solid #B8B8B8",
        cursor: "pointer"
      },
    },
    friendtab_avatar_box: {
      classname: ".friendlist .item .ant-badge",
      "default": {
        "padding": "0",
        margin: "0",
        flex: "none"
      },
    },
    friendtab_avatar: {
      classname: ".friendlist .item .avatar",
      "default": {
        margin: "0 0 24px 0",
        "width": "50px",
        "height": "50px",
        "padding": "0",
        margin: "0",
        borderRadius: "50%",
        objectFit: "cover"
      },
    },
    friendtab_number: {
      classname: ".friendlist .ant-badge .ant-badge-count",
      "default": {
        color: "#ffffff",
        background: "#ff4d4f"
      },
    },
    friendtab_name_box: {
      classname: ".friendlist .item .name-box",
      "default": {
        flex: "auto",
        "padding": "0",
        margin: "0"
      },
    },
    friendtab_name: {
      classname: ".friendlist .item .name",
      "default": {
        color: "inherit",
        fontSize: "inherit"
      },
    },
    friendtab_content: {
      classname: ".friendlist .item .content",
      "default": {
        color: "inherit",
        fontSize: "inherit"
      },
    },
    friendtab_btn_box: {
      classname: ".friendlist .item .friendbtn",
      "default": {
        flex: "none"
      },
    },
    friendtab_agree: {
      "classname": ".friendlist .friendbtn .agree",
      "default": {
        "position": "relative",
        margin: "0 8px 0 0",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "height": "32px",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "boxShadow": "0 2px 0 rgba(0, 0, 0, 0.02)"
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    },
    friendtab_refuse: {
      "classname": ".friendlist .friendbtn .refuse",
      "default": {
        "position": "relative",
        "fontSize": "14px",
        "color": "rgba(0, 0, 0, 0.88)",
        "background": "#ffffff",
        "height": "32px",
        "border": "1px solid #d9d9d9",
        "borderRadius": "6px",
        "boxShadow": "0 2px 0 rgba(0, 0, 0, 0.02)"
      },
      "hover": {
        "color": "#4096ff",
        "border": "1px solid #4096ff",
        "background": "#ffffff"
      }
    }
  },

}
export default breadDefaultData